<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //常见的键盘事件
    //1.keyup 按键弹起的时候触发
    // document.onkeyup = function () {
    //     console.log('我弹起了');
    // }
    document.addEventListener('keyup',function () {
        console.log('我弹起了');
    })
    //3.keypress 按键按下的时候触发
    //keypress 不识别功能键 比如ctrl shift 箭头等
    document.addEventListener('keypress',function () {
        console.log('我按下了press');
    })
    //2.keydown 按键按下的时候触发
    document.addEventListener('keydown',function () {
        console.log('我按下了down');
    })
    //4.三个事件的执行顺序 keydown --keypress --keyup
</script>
</body>
</html>